<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title></title>
  </head>
  <body>
    <!--顶部开始-->
    <div class="dingbu">
      <!--居中大盒子-->
      <div class="zhong">
        <!--左边-->
        <div class="zuo">
          <a href="" class="zuo1">top商城<span></span></a>
          <a href="">MIUI<span></span></a>
          <a href="">IoT<span></span></a>
          <a href="">云服务<span></span></a>
          <a href="">金融<span></span></a>
          <a href="">有品<span></span></a>
          <a href="">小爱开放平台<span></span></a>
          <a href="">政企服务<span></span></a>
          <a href="">下载app<span></span></a>
          <a href="">Select Region</a>
        </div>
        <!--左边结束-->
        <!--右边-->
        <div class="you">
          <a href="">登录<span></span></a>
          <a href="">注册<span></span></a>
          <a href="">消息通知</a>
          <div class="che">
            <a href=""><i class="iconfont icon-gouwuchekong"></i>购物车(0)</a>
            <div class="chexl">购物车中还没有商品，赶紧选购吧！</div>
          </div>
        </div>
        <!--右侧结束-->
      </div>
    </div>
    <!--顶部结束-->

    <!--导航开始-->
    <div class="sousuo">
      <div class="zhong1">
        <a href="" class="logo"></a>
        <a href="" class="biao"></a>
        <div class="navhz">
          <div class="nav">
            <a class="nava" href="">top手机</a>
            <a class="nava" href="">Sub</a>
            <a class="nava" href="">电视</a>
            <a class="nava" href="">笔记本</a>
            <a class="nava" href="">空调</a>
            <a class="nava" href="">新品</a>
            <a class="nava" href="">路由器</a>
            <a class="nava" href="">智能硬件</a>
            <div class="navxl">
              <div class="navdhz">
                <div class="navxlzhong">
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""
                      ><img src="src/imgs/mix3-320.png"
                    /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""
                      ><img src="src/imgs/mix3-320.png"
                    /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""
                      ><img src="src/imgs/mix3-320.png"
                    /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""
                      ><img src="src/imgs/mix3-320.png"
                    /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""
                      ><img src="src/imgs/mix3-320.png"
                    /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""
                      ><img src="src/imgs/mix3-320.png"
                    /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                </div>
                <div class="navxlzhong" style="display: none">
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""
                      ><img src="src/imgs/320-220-1.png"
                    /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""
                      ><img src="src/imgs/320-220-1.png"
                    /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""
                      ><img src="src/imgs/320-220-1.png"
                    /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""
                      ><img src="src/imgs/320-220-1.png"
                    /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""
                      ><img src="src/imgs/320-220-1.png"
                    /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""
                      ><img src="src/imgs/320-220-1.png"
                    /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                </div>
                <div class="navxlzhong" style="display: none">
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/di1.png" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/di1.png" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/di1.png" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/di1.png" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/di1.png" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/di1.png" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                </div>
                <div class="navxlzhong" style="display: none">
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/bi3.png" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/bi3.png" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/bi3.png" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/bi3.png" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/bi3.png" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/bi3.png" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                </div>
                <div class="navxlzhong" style="display: none">
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/kong1.jpg" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                </div>
                <div class="navxlzhong" style="display: none">
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/xin5.jpg" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/xin5.jpg" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/xin5.jpg" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/xin5.jpg" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/xin5.jpg" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/xin5.jpg" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                </div>
                <div class="navxlzhong" style="display: none">
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/lu2.png" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/lu2.png" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/lu2.png" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/lu2.png" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/lu2.png" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/lu2.png" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                </div>
                <div class="navxlzhong" style="display: none">
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/zhi3.jpg" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/zhi3.jpg" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/zhi3.jpg" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/zhi3.jpg" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/zhi3.jpg" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                  <div>
                    <p class="hot">新品</p>
                    <a class="tu" href=""><img src="src/imgs/zhi3.jpg" /></a>
                    <a href="" class="xiaob">topMIX 2S</a>
                    <p class="jia">3299元起</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="hou">
            <a href="">服务</a>
            <a href="">社区</a>
          </div>
        </div>

        <!--搜索框-->
        <div class="sshz">
          <input type="" />
          <div class="dajing">
            <i class="iconfont icon-fangdajing"></i>
          </div>
          <div class="mr">
            <a href="">top8</a>
            <a href="">topMIX NB</a>
          </div>
          <div class="ssxl">
            <a href="">top6<span>约有67件</span></a>
            <a href="">top6<span>约有67件</span></a>
            <a href="">top6<span>约有67件</span></a>
            <a href="">top6<span>约有67件</span></a>
            <a href="">top6<span>约有67件</span></a>
            <a href="">top6<span>约有67件</span></a>
            <a href="">top6<span>约有67件</span></a>
            <a href="">top6<span>约有67件</span></a>
            <a href="">top6<span>约有67件</span></a>
            <a href="">top6<span>约有67件</span></a>
          </div>
        </div>
      </div>
    </div>
    <!--导航结束-->

    <!--banner广告区域-->
    <div class="guanghz">
      <div class="guangzhong">
        <div class="ban">
          <!-- art-template模板渲染						 -->
        </div>
        <!-- <a href="" style="display: block;"><img class="banner" src="src/imgs/banner2.jpg" alt="" /></a>
					<a href=""><img class="banner" src="src/imgs/banner1.jpg" alt="" /></a>
					<a href=""><img class="banner" src="src/imgs/banner3.jpg" alt="" /></a>
					<a href=""><img class="banner" src="src/imgs/banner4.jpg" alt="" /></a>
					<a href=""><img class="banner" src="src/imgs/banner5.jpg" alt="" /></a> -->

        <ul>
          <li style="background: rgba(255, 255, 255, 0.5)"></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
        </ul>
        <div class="jianzuo">
          <img src="src/imgs/jian1.png" />
          <img src="src/imgs/jian2.png" />
        </div>

        <div class="jianyou">
          <img src="src/imgs/jian1.png" />
          <img src="src/imgs/jian2.png" />
        </div>

        <div class="zuo">
          <a class="zhu" href=""
            >手机 电话卡<i class="iconfont icon-jiantou-copy-copy"></i
          ></a>
          <a class="zhu" href=""
            >电视 盒子<i class="iconfont icon-jiantou-copy-copy"></i
          ></a>
          <a class="zhu" href=""
            >笔记本 平板<i class="iconfont icon-jiantou-copy-copy"></i
          ></a>
          <a class="zhu" href=""
            >家电 插线板<i class="iconfont icon-jiantou-copy-copy"></i
          ></a>
          <a class="zhu" href=""
            >出行 穿戴<i class="iconfont icon-jiantou-copy-copy"></i
          ></a>
          <a class="zhu" href=""
            >智能 路由器<i class="iconfont icon-jiantou-copy-copy"></i
          ></a>
          <a class="zhu" href=""
            >电源 配件<i class="iconfont icon-jiantou-copy-copy"></i
          ></a>
          <a class="zhu" href=""
            >健康 儿童<i class="iconfont icon-jiantou-copy-copy"></i
          ></a>
          <a class="zhu" href=""
            >耳机 音箱<i class="iconfont icon-jiantou-copy-copy"></i
          ></a>
          <a class="zhu" href=""
            >生活 箱包<i class="iconfont icon-jiantou-copy-copy"></i
          ></a>

          <div class="zuoxl">
            <div>
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
            </div>
            <div>
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
            </div>
            <div>
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
            </div>
            <div>
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
            </div>
          </div>
          <div class="zuoxl">
            <div>
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
            </div>
            <div>
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
            </div>
            <div>
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
            </div>
            <div>
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
            </div>
          </div>
          <div class="zuoxl">
            <div>
              <a href=""><img src="src/imgs/p4.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/p4.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/p4.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/p4.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/p4.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/p4.jpg" /><span>topMIX 2S</span></a>
            </div>
            <div>
              <a href=""><img src="src/imgs/p4.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/p4.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/p4.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/p4.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/p4.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/p4.jpg" /><span>topMIX 2S</span></a>
            </div>
          </div>
          <div class="zuoxl">
            <div>
              <a href=""><img src="src/imgs/j3.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/j3.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/j3.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/j3.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/j3.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/j3.jpg" /><span>topMIX 2S</span></a>
            </div>
            <div>
              <a href=""><img src="src/imgs/j3.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/j3.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/j3.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/j3.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/j3.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/j3.jpg" /><span>topMIX 2S</span></a>
            </div>
            <div>
              <a href=""><img src="src/imgs/j3.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/j3.jpg" /><span>topMIX 2S</span></a>
              <a href=""
                ><img src="src/imgs/j3.jpg" /><span>topMIX 2SA</span></a
              >
              <a href=""><img src="src/imgs/j3.jpg" /><span>topMIX 2S</span></a>
            </div>
          </div>
          <div class="zuoxl">
            <div>
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2SA</span></a
              >
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
            </div>
            <div>
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/xiala5.png" /><span>topMIX 2SA</span></a
              >
            </div>
          </div>
          <div class="zuoxl">
            <div>
              <a href=""><img src="src/imgs/z1.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/z1.jpg" /><span>topMIX 2S</span></a>
              <a href=""
                ><img src="src/imgs/z1.jpg" /><span>topMIX 2SA</span></a
              >
              <a href=""><img src="src/imgs/z1.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/z1.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/z1.jpg" /><span>topMIX 2S</span></a>
            </div>
          </div>
          <div class="zuoxl">
            <div>
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2SA</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
            </div>
            <div>
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2SA</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
            </div>
            <div>
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2SA</span></a
              >
              <a href=""
                ><img src="src/imgs/di1.png" /><span>topMIX 2S</span></a
              >
            </div>
          </div>
          <div class="zuoxl">
            <div>
              <a href=""><img src="src/imgs/e3.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/e3.jpg" /><span>topMIX 2S</span></a>
              <a href=""
                ><img src="src/imgs/e3.jpg" /><span>topMIX 2SA</span></a
              >
              <a href=""><img src="src/imgs/e3.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/e3.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/e3.jpg" /><span>topMIX 2S</span></a>
            </div>
            <div>
              <a href=""><img src="src/imgs/e3.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/e3.jpg" /><span>topMIX 2S</span></a>
              <a href=""
                ><img src="src/imgs/e3.jpg" /><span>topMIX 2SA</span></a
              >
              <a href=""><img src="src/imgs/e3.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/e3.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/e3.jpg" /><span>topMIX 2S</span></a>
            </div>
            <div>
              <a href=""><img src="src/imgs/e3.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/e3.jpg" /><span>topMIX 2S</span></a>
            </div>
          </div>
          <div class="zuoxl">
            <div>
              <a href=""><img src="src/imgs/e1.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/e1.jpg" /><span>topMIX 2S</span></a>
              <a href=""
                ><img src="src/imgs/e1.jpg" /><span>topMIX 2SA</span></a
              >
              <a href=""><img src="src/imgs/e1.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/e1.jpg" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/e1.jpg" /><span>topMIX 2S</span></a>
            </div>
          </div>
          <div class="zuoxl">
            <div>
              <a href=""><img src="src/imgs/s1.png" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/s1.png" /><span>topMIX 2S</span></a>
              <a href=""
                ><img src="src/imgs/s1.png" /><span>topMIX 2SA</span></a
              >
              <a href=""><img src="src/imgs/s1.png" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/s1.png" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/s1.png" /><span>topMIX 2S</span></a>
            </div>
            <div>
              <a href=""><img src="src/imgs/s1.png" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/s1.png" /><span>topMIX 2S</span></a>
              <a href=""
                ><img src="src/imgs/s1.png" /><span>topMIX 2SA</span></a
              >
              <a href=""><img src="src/imgs/s1.png" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/s1.png" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/s1.png" /><span>topMIX 2S</span></a>
            </div>
            <div>
              <a href=""><img src="src/imgs/s1.png" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/s1.png" /><span>topMIX 2S</span></a>
              <a href=""
                ><img src="src/imgs/s1.png" /><span>topMIX 2SA</span></a
              >
              <a href=""><img src="src/imgs/s1.png" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/s1.png" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/s1.png" /><span>topMIX 2S</span></a>
            </div>
            <div>
              <a href=""><img src="src/imgs/s1.png" /><span>topMIX 2S</span></a>
              <a href=""><img src="src/imgs/s1.png" /><span>topMIX 2S</span></a>
              <a href=""
                ><img src="src/imgs/s1.png" /><span>topMIX 2SA</span></a
              >
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--banner广告区域结束-->

    <!--banner广告区域底部-->
    <div class="guangdb">
      <div class="guangdbzhong">
        <div class="dbtubiao">
          <div>
            <a href="">
              <img src="src/imgs/tu1.png" alt="" />
              <img src="src/imgs/tu01.png" alt="" />
              <span>选购手机</span>
            </a>
          </div>
          <div>
            <a href="">
              <img src="src/imgs/tu2.png" alt="" />
              <img src="src/imgs/tu02.png" alt="" />
              <span>企业团购</span>
            </a>
          </div>
          <div>
            <a href="">
              <img src="src/imgs/tu3.png" alt="" />
              <img src="src/imgs/tu03.png" alt="" />
              <span>F码通道</span>
            </a>
          </div>
          <div>
            <a href="">
              <img src="src/imgs/tu4.png" alt="" />
              <img src="src/imgs/tu04.png" alt="" />
              <span>豪粉卡</span>
            </a>
          </div>
          <div>
            <a href="">
              <img src="src/imgs/tu5.png" alt="" />
              <img src="src/imgs/tu05.png" alt="" />
              <span>以旧换新</span>
            </a>
          </div>
          <div>
            <a href="">
              <img src="src/imgs/tu6.png" alt="" />
              <img src="src/imgs/tu06.png" alt="" />
              <span>话费充值</span>
            </a>
          </div>
        </div>
        <div class="dbhou">
          <a href="" class="dbtu"><img src="src/imgs/db2.jpg" /></a>
        </div>
        <div class="dbhou">
          <a href="" class="dbtu"><img src="src/imgs/db3.jpg" /></a>
        </div>
        <div class="dbhou">
          <a href="" class="dbtu"><img src="src/imgs/db4.jpg" /></a>
        </div>
      </div>
    </div>
    <!--banner广告底部结束-->

    <!--top闪购-->
    <!--标题行-->
    <div class="shangou">
      <h2>top闪购</h2>
      <div class="zy">
        <div class="zyzuo"><i class="iconfont icon-jiantou"></i></div>
        <div class="zyyou"><i class="iconfont icon-jiantou-copy-copy"></i></div>
      </div>
    </div>
    <!--闪购标题结束-->
    <!--闪购产品行-->
    <div class="shangou2">
      <div class="gouzuo">
        <span class="dingshi">18:00 场</span>
        <i class="iconfont icon-image"></i>
        <p class="juli">距离开始还有</p>
        <div class="dshz">
          <span class="bianshi">00</span>
          <p class="dian">:</p>
          <span class="bianshi">00</span>
          <p class="dian">:</p>
          <span class="bianshi">00</span>
        </div>
      </div>
      <div class="gouyou">
        <div class="gouyouhz">
          <!-- 模板渲染部分 -->
          <!-- <div class="cu" style="border-top: 1px solid green;"><img src="src/imgs/cu1.png"/></div>
					<div class="cu" style="border-top: 1px solid red;"><img src="src/imgs/cu1.png"/></div>
					<div class="cu" style="border-top: 1px solid red;"><img src="src/imgs/cu1.png"/></div>
					<div class="cu" style="border-top: 1px solid #00BFFF;"><img src="src/imgs/cu2.png"/></div>
					<div class="cu" style="border-top: 1px solid deepskyblue;"><img src="src/imgs/cu2.png"/></div>
					<div class="cu" style="border-top: 1px solid darkgreen;"><img src="src/imgs/cu2.png"/></div>
					<div class="cu" style="border-top: 1px solid orange;"><img src="src/imgs/cu2.png"/></div>
					<div class="cu" style="border-top: 1px solid orangered;"><img src="src/imgs/cu1.png"/></div>
					<div class="cu" style="border-top: 1px solid black;"><img src="src/imgs/cu3.png"/></div> -->
        </div>
      </div>
    </div>
    <!--闪购产品结束-->

    <!--黑纱banner-->
    <a class="heisha" href=""><img src="src/imgs/banner001.jpg" /></a>
    <!--黑纱banner结束-->
    <!--手机区域-->
    <div class="shoujihz">
      <div class="shoujib">
        <h3>手机</h3>
        <a href=""
          >查看全部<span><i class="iconfont icon-jiantou-copy-copy"></i></span
        ></a>
      </div>

      <div class="shoujid">
        <div class="jidzuo">
          <a href="">
            <img src="src/imgs/shoujiz.jpg" />
          </a>
        </div>
        <div class="jidyou">
          <div>
            <p class="xin">新品</p>
            <a href="" style="margin-top: 0"
              ><img src="src/imgs/shouji01.jpg"
            /></a>
            <a href="">top8 青春版 4GB+64GB</a>
            <p class="xushu">潮流镜面渐变色，2400万自拍旗舰</p>
            <p class="jiage">1399元</p>
          </div>
          <div>
            <p class="xin">新品</p>
            <a href="" style="margin-top: 0"
              ><img src="src/imgs/shouji02.jpg"
            /></a>
            <a href="">top8 青春版 4GB+64GB</a>
            <p class="xushu">潮流镜面渐变色，2400万自拍旗舰</p>
            <p class="jiage">1399元</p>
          </div>
          <div>
            <p class="xin">新品</p>
            <a href="" style="margin-top: 0"
              ><img src="src/imgs/shouji01.jpg"
            /></a>
            <a href="">top8 青春版 4GB+64GB</a>
            <p class="xushu">潮流镜面渐变色，2400万自拍旗舰</p>
            <p class="jiage">1399元</p>
          </div>
          <div>
            <p class="xin">新品</p>
            <a href="" style="margin-top: 0"
              ><img src="src/imgs/shouji02.jpg"
            /></a>
            <a href="">top8 青春版 4GB+64GB</a>
            <p class="xushu">潮流镜面渐变色，2400万自拍旗舰</p>
            <p class="jiage">1399元</p>
          </div>
          <div>
            <p class="xin">新品</p>
            <a href="" style="margin-top: 0"
              ><img src="src/imgs/shouji03.jpg"
            /></a>
            <a href="">top8 青春版 4GB+64GB</a>
            <p class="xushu">潮流镜面渐变色，2400万自拍旗舰</p>
            <p class="jiage">1399元</p>
          </div>
          <div>
            <p class="xin">新品</p>
            <a href="" style="margin-top: 0"
              ><img src="src/imgs/shouji01.jpg"
            /></a>
            <a href="">top8 青春版 4GB+64GB</a>
            <p class="xushu">潮流镜面渐变色，2400万自拍旗舰</p>
            <p class="jiage">1399元</p>
          </div>
          <div>
            <p class="xin">新品</p>
            <a href="" style="margin-top: 0"
              ><img src="src/imgs/shouji02.jpg"
            /></a>
            <a href="">top8 青春版 4GB+64GB</a>
            <p class="xushu">潮流镜面渐变色，2400万自拍旗舰</p>
            <p class="jiage">1399元</p>
          </div>
          <div>
            <p class="xin">新品</p>
            <a href="" style="margin-top: 0"
              ><img src="src/imgs/shouji03.jpg"
            /></a>
            <a href="">top8 青春版 4GB+64GB</a>
            <p class="xushu">潮流镜面渐变色，2400万自拍旗舰</p>
            <p class="jiage">1399元</p>
          </div>
        </div>
      </div>
    </div>
    <!--手机区域结束-->

    <!--家电banner-->
    <div class="jiabhz">
      <a href="" class="jiab">
        <img src="src/imgs/banner002.jpg" alt="" />
      </a>
    </div>
    <!--家电banner结束-->

    <!--家电区域-->
    <div class="jiadian">
      <!--标题部分-->
      <div class="jiabiao">
        <h3>家电</h3>
        <ul>
          <li class="f">热门</li>
          <li>电视影音</li>
          <li>电脑</li>
          <li>家居</li>
        </ul>
      </div>
      <!--标题结束-->

      <!--家电产品-->
      <div class="jianei">
        <!--家电左边-->
        <div class="jiazuo">
          <a href="">
            <img src="src/imgs/jiaz1.jpg" />
          </a>
          <a href="">
            <img src="src/imgs/jiaz2.jpg" />
          </a>
        </div>
        <!--家电左边结束-->

        <!--家电右边-->
        <div class="jiayou"></div>
        <!--家电右边-->
      </div>
    </div>
    <!--家电区域结束-->

    <!--推荐区域开始-->
    <div class="tuijian">
      <div class="tuib">
        <h2>为你推荐</h2>
        <div class="zy">
          <div class="zyzuo"><i class="iconfont icon-jiantou"></i></div>
          <div class="zyyou">
            <i class="iconfont icon-jiantou-copy-copy"></i>
          </div>
        </div>
      </div>
      <div class="tuijianhz">
        <div class="chz">
          <div class="chzl">
            <img src="src/imgs/tui1.png" />
          </div>
          <div class="chzl">
            <img src="src/imgs/tui1.png" />
          </div>
          <div class="chzl">
            <img src="src/imgs/tui1.png" />
          </div>
          <div class="chzl">
            <img src="src/imgs/tui1.png" />
          </div>
          <div class="chzl">
            <img src="src/imgs/tui1.png" />
          </div>
          <div class="chzl">
            <img src="src/imgs/tui2.png" />
          </div>
          <div class="chzl">
            <img src="src/imgs/tui2.png" />
          </div>
          <div class="chzl">
            <img src="src/imgs/tui2.png" />
          </div>
          <div class="chzl">
            <img src="src/imgs/tui2.png" />
          </div>
          <div class="chzl">
            <img src="src/imgs/tui2.png" />
          </div>
          <div class="chzl">
            <img src="src/imgs/tui3.png" />
          </div>
          <div class="chzl">
            <img src="src/imgs/tui3.png" />
          </div>
          <div class="chzl">
            <img src="src/imgs/tui3.png" />
          </div>
          <div class="chzl">
            <img src="src/imgs/tui3.png" />
          </div>
          <div class="chzl">
            <img src="src/imgs/tui3.png" />
          </div>
          <div class="chzl">
            <img src="src/imgs/tui4.png" />
          </div>
          <div class="chzl">
            <img src="src/imgs/tui4.png" />
          </div>
          <div class="chzl">
            <img src="src/imgs/tui4.png" />
          </div>
          <div class="chzl">
            <img src="src/imgs/tui4.png" />
          </div>
          <div class="chzl">
            <img src="src/imgs/tui4.png" />
          </div>
        </div>
      </div>
    </div>
    <!--推荐区域结束-->

    <!--热评产品-->
    <div class="reping">
      <!--标题-->
      <div class="reb">
        <h2>热评产品</h2>
      </div>
      <!--内容部分-->
      <div class="renei">
        <div class="reneihz">
          <a href=""><img src="src/imgs/re1.jpg" /></a>
          <a class="rexushu" href=""
            >外形简洁大方，大爱top！全家人都在用top的产品，真心不错，最主要的是性价比高。附图，给客服妹子一个大大的微笑！</a
          >
          <p class="pingjia">来自于&nbsp;<span>那都不是事</span>&nbsp;的评价</p>
          <div>
            <a href="" class="diva">豪家车载空气净化器（USB车充版）</a>
            <p class="jiage">449元</p>
          </div>
        </div>
        <div class="reneihz">
          <a href=""><img src="src/imgs/re2.jpg" /></a>
          <a class="rexushu" href=""
            >超级喜欢！小巧玲珑！音质完美！不知道为什么！只要是top出的东西我都喜欢！那倒是因为那一句？？top为发骚而生？？</a
          >
          <p class="pingjia">来自于&nbsp;<span>路飞</span>&nbsp;的评价</p>
          <div>
            <a href="" class="diva">top随身蓝牙音箱</a>
            <p class="jiage">69元</p>
          </div>
        </div>
        <div class="reneihz">
          <a href=""><img src="src/imgs/re3.jpg" /></a>
          <a class="rexushu" href=""
            >包装很让人感动，式样也很可爱，做出的饭全家人都爱吃，超爱五星！手机控制还是不太熟练，最主要是没有连接成功吧，回头再细细研究一下哦，希望豪家以后推出更多老百姓爱戴的产品</a
          >
          <p class="pingjia">来自于&nbsp;<span>你我他</span>&nbsp;的评价</p>
          <div>
            <a href="" class="diva">豪家压力IH电饭煲</a>
            <p class="jiage">999元</p>
          </div>
        </div>
        <div class="reneihz">
          <a href=""><img src="src/imgs/re4.jpg" /></a>
          <a class="rexushu" href=""
            >非常好用，孩子使用防止沉迷于电话影响学习。做工很好，定位基本准确，通话清晰。如果加入时间显示就更完美了。</a
          >
          <p class="pingjia">来自于&nbsp;<span>毒液</span>&nbsp;的评价</p>
          <div>
            <a href="" class="diva">豪兔定位电话</a>
            <p class="jiage">169元</p>
          </div>
        </div>
      </div>
    </div>
    <!--热评产品结束-->

    <!--内容部分-->
    <div class="nei">
      <!--标题-->
      <div class="neib">
        <h2>内容</h2>
      </div>
      <!--内容-->
      <div class="neinei">
        <div class="neineihz" style="border-top: 1px solid #ffac13">
          <h5>图书</h5>
          <div class="neineichz">
            <div class="neichz">
              <div class="neixhz">T</div>
              <div class="neixhz">顶</div>
              <div class="neixhz">级</div>
            </div>
          </div>
          <div class="neizuo"><i class="iconfont icon-jiantou"></i></div>
          <div class="neiyou">
            <i class="iconfont icon-jiantou-copy-copy"></i>
          </div>
          <ul>
            <!--3个按键第一个默认选中，后两个默认未选中-->
            <li class="n"></li>
            <li class="jing"></li>
            <li class="jing"></li>
          </ul>
        </div>
        <div class="neineihz" style="border-top: 1px solid #83c44e">
          <h5>top主题</h5>
          <div class="neineichz">
            <div class="neichz">
              <div class="neixhz">O</div>
              <div class="neixhz">轮</div>
              <div class="neixhz">播</div>
              <div class="neixhz">图</div>
            </div>
          </div>
          <div class="neizuo"><i class="iconfont icon-jiantou"></i></div>
          <div class="neiyou">
            <i class="iconfont icon-jiantou-copy-copy"></i>
          </div>
          <ul>
            <!--3个按键第一个默认选中，后两个默认未选中-->
            <li class="n"></li>
            <li class="jing"></li>
            <li class="jing"></li>
            <li class="jing"></li>
          </ul>
        </div>
        <div class="neineihz" style="border-top: 1px solid #e53935">
          <h5>游戏</h5>
          <div class="neineichz">
            <div class="neichz">
              <div class="neixhz">P</div>
              <div class="neixhz">态</div>
              <div class="neixhz">页</div>
              <div class="neixhz">面</div>
            </div>
          </div>
          <div class="neizuo"><i class="iconfont icon-jiantou"></i></div>
          <div class="neiyou">
            <i class="iconfont icon-jiantou-copy-copy"></i>
          </div>
          <ul>
            <!--3个按键第一个默认选中，后两个默认未选中-->
            <li class="n"></li>
            <li class="jing"></li>
            <li class="jing"></li>
            <li class="jing"></li>
          </ul>
        </div>
        <div class="neineihz" style="border-top: 1px solid #2196f3">
          <h5>应用</h5>
          <div class="neineichz">
            <div class="neichz">
              <div class="neixhz">A</div>
              <div class="neixhz">J</div>
              <div class="neixhz">A</div>
              <div class="neixhz">X</div>
            </div>
          </div>
          <div class="neizuo"><i class="iconfont icon-jiantou"></i></div>
          <div class="neiyou">
            <i class="iconfont icon-jiantou-copy-copy"></i>
          </div>
          <ul>
            <!--3个按键第一个默认选中，后两个默认未选中-->
            <li class="n"></li>
            <li class="jing"></li>
            <li class="jing"></li>
            <li class="jing"></li>
          </ul>
        </div>
      </div>
    </div>
    <!--内容部分结束-->

    <!--视频内容开始-->
    <div class="dbshipin">
      <div class="shipinb">
        <h3>手机</h3>
        <a href=""
          >查看全部<span><i class="iconfont icon-jiantou-copy-copy"></i></span
        ></a>
      </div>
      <div class="shipinnei">
        <div class="shineihz">
          <a class="shitu" href=""
            ><img src="src/imgs/shipin1.jpg" />
            <i class="iconfont icon-bofangsanjiaoxing"></i>
          </a>
          <a href="" class="shiti">一团火</a>
          <p>top创业8年内部纪录片（手机篇）</p>
        </div>
        <div class="shineihz">
          <a class="shitu" href=""
            ><img src="src/imgs/shipin2.jpg" />
            <i class="iconfont icon-bofangsanjiaoxing"></i>
          </a>
          <a href="" class="shiti">top8，一部与众不同的手机</a>
          <p>透明探索版，将科技与美学完美结合）</p>
        </div>
        <div class="shineihz">
          <a class="shitu" href=""
            ><img src="src/imgs/shipin3.jpg" />
            <i class="iconfont icon-bofangsanjiaoxing"></i>
          </a>
          <a href="" class="shiti">topMIX 2S，一面科技 一面艺术</a>
          <p>艺术品般陶瓷机身，惊艳、璀璨</p>
        </div>
        <div class="shineihz">
          <a class="shitu" href=""
            ><img src="src/imgs/shipin4.jpg" />
            <i class="iconfont icon-bofangsanjiaoxing"></i>
          </a>
          <a href="" class="shiti">生活中无所不在的小爱同学</a>
          <p>一句话搞定手机复杂操作</p>
        </div>
      </div>
    </div>

    <!--视频区域结束-->

    <!--底部信息区域-->
    <div class="dbxinxi">
      <div class="xinxitop">
        <div class="xinxitophz">
          <a href=""
            ><i class="iconfont icon-banshou"></i>预约维修服务<span></span
          ></a>
        </div>
        <div class="xinxitophz">
          <a href=""
            ><i class="iconfont icon-7tian"></i>7天无理由退货<span></span
          ></a>
        </div>
        <div class="xinxitophz">
          <a href=""
            ><i class="iconfont icon-icon-test"></i>15天免费换货<span></span
          ></a>
        </div>
        <div class="xinxitophz">
          <a href=""
            ><i class="iconfont icon-liwuhezi"></i>满150元包邮<span></span
          ></a>
        </div>
        <div class="xinxitophz">
          <a href=""
            ><i
              class="iconfont icon-dingweiweizhizuobiaoditux font-class引用"
            ></i
            >520余家售后网点</a
          >
        </div>
      </div>
      <div class="xinxixia">
        <div class="xiazuo">
          <div>
            <p>帮助中心</p>
            <a href="" class="xiaa">账户管理</a>
            <a href="" class="xiaa">购物指南</a>
            <a href="" class="xiaa">订单操作</a>
          </div>
          <div>
            <p>服务支持</p>
            <a href="" class="xiaa">售后政策</a>
            <a href="" class="xiaa">自助服务</a>
            <a href="" class="xiaa">相关下载</a>
          </div>

          <div>
            <p>线下门店</p>
            <a href="" class="xiaa">top之家</a>
            <a href="" class="xiaa">服务网点</a>
            <a href="" class="xiaa">授权体验店</a>
          </div>

          <div>
            <p>关于top</p>
            <a href="" class="xiaa">了解top</a>
            <a href="" class="xiaa">加入top</a>
            <a href="" class="xiaa">投资者关系</a>
          </div>
          <div>
            <p>关注我们</p>
            <a href="" class="xiaa">新浪微博</a>
            <a href="" class="xiaa">官方微信</a>
            <a href="" class="xiaa">联系我们</a>
          </div>
          <div>
            <p>特色服务</p>
            <a href="" class="xiaa">F 码通道</a>
            <a href="" class="xiaa">礼物码</a>
            <a href="" class="xiaa">防伪查询</a>
          </div>
        </div>

        <div class="xiayou">
          <div class="youhz">
            <p class="xinxidian">400-100-8888</p>
            <p class="xinxishi">周一至周日 8:00-18:00</p>
            <p class="xinxifei">（仅收市话费）</p>
            <a href="" class="kefu"
              ><i class="iconfont icon-duanxin"></i>联系客服</a
            >
          </div>
        </div>
      </div>
    </div>
    <!--底部信息结束-->

    <!--页脚部分-->
    <div class="dd">
      <div class="ddzhong">
        <div class="ddzuo">
          <div class="ddlogo"></div>
          <div class="ddnei">
            <div class="ddneihz">
              <a href="">top商城<span></span></a>
              <a href="">MIUI<span></span></a>
              <a href="">豪家<span></span></a>
              <a href="">豪聊<span></span></a>
              <a href="">多看<span></span></a>
              <a href="">游戏<span></span></a>
              <a href="">路由器<span></span></a>
              <a href="">豪粉卡<span></span></a>
              <a href="">政企服务<span></span></a>
              <a href="">top天猫店<span></span></a>
              <a href="">隐私政策<span></span></a>
              <a href="">问题反馈<span></span></a>
              <a href="">廉正举报<span></span></a>
              <a href="">Select Region</a>
            </div>
            <div class="ddneihz">
              <p>
                © <a href="">mi.com</a> 京ICP证110507号<a href=""
                  >京ICP备10046444号</a
                >
                <a href="">京公网安备11010802020134号</a>
                <a href="">京网文[2017]1530-131号</a>
              </p>
            </div>
            <div class="ddneihz">
              <a href="">（京）网械平台备字（2018）第00005号 </a>
              <a href="">互联网药品信息服务资格证 (京) -非经营性-2014-0090</a>
              <a href="">营业执照</a>
              <a href="">医疗器械公告</a>
            </div>
            <div class="ddneihz">
              <p>
                违法和不良信息举报电话：185-0130-6666，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
              </p>
            </div>
          </div>
        </div>

        <div class="ddyou">
          <div class="ddyouhz">
            <a href=""><img src="src/imgs/dd1.png" /></a>
            <a href=""><img src="src/imgs/dd2.png" /></a>
            <a href=""><img src="src/imgs/dd3.png" /></a>
            <a href=""><img src="src/imgs/dd4.png" /></a>
            <a href=""><img src="src/imgs/dd5.png" /></a>
          </div>
        </div>
        <div class="ddyu">探索黑科技，top为发烧而生!</div>
      </div>
    </div>
    <!--页脚部分结束-->

    <div class="youce">
      <div>
        <div class="ma">
          <img src="src/imgs/ma.png" />
          <p>手机扫一扫一分赢好礼</p>
        </div>
        <a class="youcetu" href=""><i class="iconfont icon-shoujiapp"></i></a>
        <a class="youcezi" href="">手机APP</a>
      </div>
      <div>
        <a class="youcetu" href=""><i class="iconfont icon-user"></i></a>
        <a class="youcezi" href="">个人中心</a>
      </div>
      <div>
        <a class="youcetu" href=""><i class="iconfont icon-lianxikefu"></i></a>
        <a class="youcezi" href="">联系客服</a>
      </div>
      <div>
        <a class="youcetu" href=""
          ><i class="iconfont icon-gouwuchekong1"></i
        ></a>
        <a class="youcezi" href="">购物车</a>
      </div>
      <div class="youcedd">
        <a class="youcetu" href=""
          ><i class="iconfont icon-fanhuidingbu"></i
        ></a>
        <a class="youcezi" href="">回顶部</a>
      </div>
    </div>
  </body>
</html>
